<?php get_header(); ?>

<div class="navigation" id="nav">
	<ul>
        <li id="logo"><img src="<?php bloginfo('template_directory'); ?>/images/logo.png" /></li>
		<li class="current"><a href="#home">HOME</a></li>
		<li><a href="#eco-friendly">ECO FRIENDLY</a></li>
		<li><a href="#products">PRODUCTS</a></li>
		<li><a href="#why-us">WHY US</a></li>
		<li><a href="#contact-us">CONTACT US</a></li>
	</ol>
</div>
<div class="nav_footer">
    &nbsp;
</div>

<div id="controls">
    <a href="#" class="prev">
        <img src="<?php bloginfo('template_directory'); ?>/images/up_arrow.png" />
    </a>
    <a href="#" class="next">
        <img src="<?php bloginfo('template_directory'); ?>/images/down_arrow.png" />
    </a>
</div>

<div id="container">
    <div class="section" id="home">
        <div class="home" id="top">
            <div id="head">
                <div id="slider">
                    <?php $my_query = new WP_Query('showposts=-1&category_name=Slider'); while ($my_query->have_posts()) : $my_query->the_post(); ?>
                    <a href="#" title="<?php the_title(); ?>">
                    
                        <?php the_post_thumbnail(); ?>
                    </a>
                    <?php endwhile; ?>
                </div>
            </div>
            <br clear="all" />
            <div id="head-bottom">
                <span id="head1">THIS IS OUR STORY</span> <span id="head2"><i>HOW WE STARTED</i></span>
            </div>
        </div>



        <div class="home" id="bottom">
            <div class="home" id="bottom-header">
                &nbsp;
            </div>
            <ul>
                <li class="home-paragraph" id="col1">Since established in 1993 at Kepatihan Industry, Gresik - East Java, Nippo Tech has been using Japan and German standards for its production system to date.</li>
                <li class="home-paragraph" id="col2">Our company motto, "One Stop Shop" represents our high dedication to provide all the best materials, such as MDF, Particle Board, Engineering Wood, PVC, Veneer, Pet Sheet,</li>
                <li class="home-paragraph" id="col3">etc to produce ranges of high quality products for kitchen set, door, office, housing furniture etc, as well as maintaining our major concern for healthy environment.</li>
            </ul>
            <div class="home-image">
                <img src="<?php bloginfo('template_directory'); ?>/images/home.png" />
            </div>
        </div>
    </div>

    <div class="section" id="eco-friendly">
        <div class="eco-friendly" id="header">ECO FRIENDLY PRODUCT</div>
        <div class="eco-friendly" id="col1">We produce and build well designed product with high quality, ranges from doors, chairs to kitchen set. Infused with some of our unique in-house production technique, there’s so many options and alternatives that we can produce.</div>
        <div class="eco-friendly" id="col2">All materials and process we use in manufacturing are nature friendly; all products we produce are harmless for human and nature. This is how we describe Eco and healthy product.</div>
        <div class="eco-friendly" id="caption">Its not just about what we do, it’s how we do it.</div>
    </div>

    <div class="section" id="products">
        <div id="slideshow-products" class="rs-slideshow">
        
            <!-- 
            Set up an initial slide -- this provides an image for users without JavaScript 
            -->
            <?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
            $args2= array(
                'category_name' => 'products', // Change these category SLUGS to suit your use.
                'paged' => $paged,
                'showposts' => 1
            );
            query_posts($args2);
            if( have_posts() ) :
                while ( have_posts() ) : the_post(); ?>

                    <div class="slide-container">
                        <!-- <img src="<?php echo get_post_meta($post->ID, 'nivoimage', true); ?>"
                            alt="The first image in a slideshow demo." title="This is the first slide" /> -->
                            <?php the_post_thumbnail(); ?>
                    </div>
                <?php endwhile; 
            endif;?>
            <!-- 
            This list contains data about each slide. 
            So that the slide images aren't loaded with the page, we use <a> tags. 
            With some extra CSS rules, this allows for users without JavaScript to 
            access the images by clicking the links. 
            -->
            <ol class="slides">
                <?php
                $args= array(
                    'category_name' => 'products', // Change these category SLUGS to suit your use.
                    'paged' => $paged,
                    'showposts' => -1
                );
                query_posts($args);
                if( have_posts() ) :
                    while ( have_posts() ) : the_post(); ?>
                    <?php
                        $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
                    ?>
                <!-- <?//php $my_query2 = new WP_Query('category_name=Products','showposts' => -1); while ($my_query2->have_posts()) : $my_query2->the_post(); ?> -->
                    <li>
                        <!-- <a href="<?php echo get_post_meta($post->ID, 'nivoimage', true); ?>"><?php the_title(); ?></a> -->
                        <a href="<?=$url?>"><?php the_title(); ?></a>
                    </li>
                    <?php endwhile; 
                endif;?>
            </ol>
            
        </div>
        <div class="slide-nav" id="center">
            <div class="image-nav">
                <a href="#"><img id="right-nav" src="<?php bloginfo('template_directory'); ?>/images/right_nav.png" /></a>
                <a href="#"><img id="left-nav" src="<?php bloginfo('template_directory'); ?>/images/left_nav.png" /></a>
            </div>
        </div>
        <!-- <div class="products" id="slider">
            <?php $my_query2 = new WP_Query('category_name=Products'); while ($my_query2->have_posts()) : $my_query2->the_post(); ?>
            <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
            <img src="<?php echo get_post_meta($post->ID, 'nivoimage', true); ?>" alt="" title="<?php the_title(); ?>" />
            </a>
            <?php endwhile; ?>
        </div> -->
        

        <div class="products" id="bottom">
            <div id="center">
            
            <?php
            query_posts($args);
            if( have_posts() ) :?>
                

                <?php
                    
                   
                    $count_products = 0;
                    while ( have_posts() ) : the_post(); ?>
                        <?php 
                            $count_products++;?>
                            
                            <div class="post" id="post-<?php the_ID(); ?>">

                        		<?//php include (TEMPLATEPATH . '/inc/meta.php' ); ?>
                                <?php if ($count_products == 1) { ?>
                                    <div class="entry-active" id="entry-<?php echo $count_products; ?>">
                                <?php }
                                else { ?>
                                    <div class="entry" id="entry-<?php echo $count_products; ?>" style="display:none;">
                                <?php } ?>
                                    <h2><?php the_title(); ?></h2>
                        			<?php the_content(); ?>

                        			<?//php wp_link_pages(array('before' => 'Pages: ', 'next_or_number' => 'number')); ?>
                        		</div>
                    		<?//php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>

                    	</div>
                    <?php endwhile; ?>
                   
                
                

            <?php else : ?>
                <article id="post-0" class="post no-results not-found">
                <header class="entry-header">
                <h1 class="entry-title"><?php _e( 'Nothing Found', 'twentyeleven' ); ?></h1>
                </header><!-- .entry-header -->

                <div class="entry-content">
                <p><?php _e( 'Apologies, but no results were found for the requested archive. Perhaps searching will help find a related post.', 'twentyeleven' ); ?></p>
                <?php get_search_form(); ?>
                </div>
            <?php endif; ?>

            <!-- Thumbnail Product Image -->
            
            <?php query_posts($args);
            if( have_posts() ) :?>
                <div class="list-products-current" id="group-1">

                <?php
                    $count = 0;
                    $group = 1;
                    $count_products = 0; ?>
                    <ul class="post-image">
                        <?php while ( have_posts() ) : the_post(); ?>
                            <?php 
                                $count_products++;
                                if ($count < 9){
                                    $count++;
                                }
                                else {
                                    $count=1;
                                    $group++; ?>
                                        </ul>
                                    </div>
                                    <div class="list-products" id="group-<?php echo $group; ?>" style="display:none;">
                                        <ul class="post-image">
                            <?php } ?>
                            <!-- <div class="post" id="post-<?php the_ID(); ?>"> -->
                                <li>
                                    <?php if ($count_products == 1) { ?>
                                        <div class="active" id="img-link">
                                            <a class="active" href="#" id="product-<?php echo $count_products; ?>">
                                                <?php the_post_thumbnail(); ?>
                                            <!-- <img src="<?//php echo get_post_meta($post->ID, 'nivoimage', true); ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" /> -->

                                            <!-- <img id="selected" src="<//?php bloginfo('template_directory'); ?>/images/active_layer.png" /> -->
                                    <?php } else { ?>
                                        <div id="img-link">
                                        <a href="#" id="product-<?php echo $count_products; ?>">
                                            <?php the_post_thumbnail(); ?>
                                            <!-- <img src="<?//php echo get_post_meta($post->ID, 'nivoimage', true); ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" /> -->
                                    <?php } ?>
                                        </div>
                                    </a>
                                </li>
                            <!-- </div> -->
                        <?php endwhile; ?>
                    
                    <?php
                        if ($count < 9) {
                            
                            for ($i = 9 - $count; $i > 0; $i--) { ?>
                                <li><img src="<?php bloginfo('template_directory'); ?>/images/no_product.png" /></li>
                            <?php }
                        } ?>
                        </ul>
                </div>
                <?php if ($group > 1) { ?>
                    <ul class="groups">
                    <?php for ($i = $group; $i > 0; $i--) {
                        if ($i == 1) { ?>
                            <li class="group" id="group-list-<?php echo $i; ?>"><a class="active" href="#<?php echo $i; ?>" id="<?php echo $i; ?>"><?php echo $i; ?></a></li>
                        <?php }
                        else { ?>
                            <li class="group" id="group-list-<?php echo $i; ?>"><a href="#<?php echo $i; ?>" id="<?php echo $i; ?>"><?php echo $i; ?></a></li>
                        <?php } ?>
                        
                    <?php } ?>
                    </ul>
                <?php } ?>

            <?php else : ?>
                <article id="post-0" class="post no-results not-found">
                <header class="entry-header">
                <h1 class="entry-title"><?php _e( 'Nothing Found', 'twentyeleven' ); ?></h1>
                </header><!-- .entry-header -->

                <div class="entry-content">
                <p><?php _e( 'Apologies, but no results were found for the requested archive. Perhaps searching will help find a related post.', 'twentyeleven' ); ?></p>
                <?php get_search_form(); ?>
                </div>
            <?php endif; ?>
            <!-- <ul>
        		<?php
        		global $post;
        		$args = array( 'numberposts' => 5, 'category' => 3 );
        		$myposts = get_posts( $args );
        		foreach( $myposts as $post ) :	setup_postdata($post); ?>
        			<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
        		<?php endforeach; ?>
        	</ul> -->
        </div>

        </div>
    </div>
    <div class="section" id="why-us">
        <div id="center">
            <div class="why-us" id="top">
                <h2>WHY NIPPO TECH ?</h2>
                <h3><strong>BECAUSE</strong> YOUR SATISFACTION <strong>IS OUR PRIORITY</strong></h3>
                <p>A good product is a product that help to make the world a better place. And that’s what Nippo Tech believes in by considering the environment in every step of our manufacturing process. Sustaining resources, optimizing materials, producing harmless and healthy product - that’s how Nippo Tech do it.</p>
            </div>
            <div class="why-us" id="bottom">
                <ul>
                    <li><a class="list-why-us" id="why-us-less-waste" href="#">Less Waste</a></li>
                    <li><a class="list-why-us" id="why-us-one-stop-shop" href="#">One Stop Shop</a></li>
                    <li><a class="list-why-us" id="why-us-quality-control" href="#">Quality Control</a></li>
                    <li><a class="list-why-us" id="why-us-low-cost" href="#">Low Cost</a></li>
                </ul>
                <h2>CLICK THE PICTURE TO SHOW THE REASON</h2>
            </div>
            <div class="why-us-details" id="less-waste" title="LESS WASTE">
                <img src="<?php bloginfo('template_directory'); ?>/images/less_waste_large.jpg" />
                <p>Our Machines help to transform raw materials into production materials. Our various machines help us to save more wood in creating ecofriendly products.</p>
                <h3>Less waste and minimum impact to the nature</h3>
            </div>
            <div class="why-us-details" id="one-stop-shop" title="ONE STOP SHOP">
                <img src="<?php bloginfo('template_directory'); ?>/images/one_stop_shop_large.jpg" />
                <p>
                    With all the various machines installed and r eady in the factory - Nippo T ech is like a one stop shop for all your manufacturing needs.<br />
                    This system helps to optimize production time and schedule, and hence cutting the cost. Client doesn’t have to waste more time to find a third party source or company, because Nippo Tech has the ability to cover it all from start to finish.
                </p>
            </div>
            <div class="why-us-details" id="quality-control" title="QUALITY CONTROL">
                <img src="<?php bloginfo('template_directory'); ?>/images/quality_control_large.jpg" />
                <p>
                    Maintaining product’s quality is one of our main concern. Nippo Tech is working under the Japan and German standard system, which is well known for its low tolerance in deviation. Our trained Quality Control team work around the clock for assuring that each product we produce met our client’s standard.
                </p>
            </div>
            <div class="why-us-details" id="low-cost" title="LOW COST">
                <img src="<?php bloginfo('template_directory'); ?>/images/low_cost_large.jpg" />
                <p>
                    By using optimal raw material engineer woods, we could have low cost and high quality product.<br /><br />
                    We turn the production leftout into alternative production material, this is the key to optimize production cost.
                    it's not what we do but how we do it.
                </p>
            </div>
        </div>
    </div>

    <div class="section" id="contact-us">
        <div class="contact-us" id="top">
            <ul>
                <li><h1>HOW TO REACH US</h1></li>
                <li>PT NIPPO TECH SEJAHTERA</li>
                <li>JLN KEPATIHAN INSUSTRI II (KELURAHAN GEMPOL KURUNG)</li>
                <li>KEC. MENGANTI KAB. GRESIK</li>
                <li>(031) 7990651, 7990667, 7990668, 7990678</li>
                <li>FAX (031) 7990650.</li>
                <li>EMAIL: CONTACT@NIPPOTECHS.COM</li>
				<li class="email">NIPPOTECH@GMAIL.COM</li>
                <li class="maps"><iframe width="350" height="288" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Jalan+Raya+Kutil,+Menganti,+Jawa+Timur,+Indonesia&amp;aq=0&amp;oq=jalan+raya+kuti&amp;sll=37.0625,-95.677068&amp;sspn=38.41771,86.572266&amp;ie=UTF8&amp;hq=&amp;hnear=Jalan+Raya+Kutil,+Menganti,+Gresik,+East+Java+61174,+Indonesia&amp;t=m&amp;z=14&amp;ll=-7.253862,112.586786&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Jalan+Raya+Kutil,+Menganti,+Jawa+Timur,+Indonesia&amp;aq=0&amp;oq=jalan+raya+kuti&amp;sll=37.0625,-95.677068&amp;sspn=38.41771,86.572266&amp;ie=UTF8&amp;hq=&amp;hnear=Jalan+Raya+Kutil,+Menganti,+Gresik,+East+Java+61174,+Indonesia&amp;t=m&amp;z=14&amp;ll=-7.253862,112.586786" style="color:#0000FF;text-align:left">View Larger Map</a></small></li>
            </ul>
        </div>

        <div class="contact-us" id="bottom">
            <ul>
                <li><h1>SEND US AN EMAIL</h1></li>
                <?php echo do_shortcode('[contact-form-7 id="36" title="Contact Us"]'); ?>
            </ul>
        </div>
    </div>



<!-- 	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

		<div <?php post_class() ?> id="post-<?php the_ID(); ?>">

			<h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>

			<?php include (TEMPLATEPATH . '/inc/meta.php' ); ?>

			<div class="entry">
				<?php the_content(); ?>
			</div>

			<div class="postmetadata">
				<?php the_tags('Tags: ', ', ', '<br />'); ?>
				Posted in <?php the_category(', ') ?> | 
				<?php comments_popup_link('No Comments &#187;', '1 Comment &#187;', '% Comments &#187;'); ?>
			</div>

		</div>

	<?php endwhile; ?>

	<?php include (TEMPLATEPATH . '/inc/nav.php' ); ?>

	<?php else : ?>

		<h2>Not Found</h2>

	<?php endif; ?> -->



<?//php get_sidebar(); ?>

<?php get_footer(); ?>

